<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
    <title>asd</title>
	<style type="text/css">
/* Gobal */
body { margin: 20px 0px; padding: 0px; background: #e7e7e7 url(../images/bg.png) repeat-x; }
img {border: none;}

/* Containers */
div#wrapperHeaderOuter {width: 100%; background: #ff0000;}
div#wrapperOuter {margin:0 auto; text-align:left; width:960px;}
div#wrapper { float: left; width: 960px; margin: 0px; position: relative; }
div#containertop {float: left; width: 960px; height: 100px; margin: 0px; padding: 0px 0px 10px 0px; border: none; }
div#containerLogotyp {float: left; }
div#containerSearch {float: right; text-align: right; width: 600px; margin-top: 45px; position: relative;}
div#containercontent { float: left; width: 960px; margin: 0; padding: 0px;}
div#contentleft {float: left; width: 180px; min-height: 20px;}
div#content {float: left; width: 715px; min-height: 20px; margin: 0px 0px 0px 20px; -moz-border-radius:5px 5px 5px 5px; background: #fff; border: 1px solid #dadada; padding: 20px; position: relative;}
div#contentright {float: left; width: 180px; min-height: 20px; }
div#containerhelp {float: left; width: 140px; -moz-border-radius:5px 5px 5px 5px; background: #e1fde6; border: 1px solid #dadada; padding: 20px; margin-bottom: 20px; color: #1e701e;}
div#beta {position: absolute; display: block; width:115px; height:115px; top: 0px; right: 0px;}
div.specifics {float: left; width: 300px; background: #DFEAF4; border: 1px solid #336699; margin: 10px 0px; padding: 10px; display: none; position: absolute; right: 20px; top: 0px; clear: both;}
div.specifics table {border-collapse: collapse;}
div.specifics table td {font-size: 11px; min-width: 80px;}
div.loginfo {border: 1px solid #336699; background:#DFEAF4; padding: 10px; font-size: 11px; float: left; width: 693px; margin: 20px 0px 0px 0px; position: absolute; display: none; text-align: left; left: 20px; }
td.LogInfoIcon {text-align: center !important; cursor: pointer; }

div.infobar {float: left; width: 658px; background: #DFEAF4 url(../images/iconInfo.png) no-repeat left; border: 1px solid #336699; margin: 10px 0px 20px 0px; padding: 10px 10px 10px 45px; background-position: 10px 10px;}
p.valdationMsg {float: left; width: 658px; background: #DFEAF4 url(../images/iconInfo.png) no-repeat left; border: 1px solid #336699; margin: 10px 0px; padding: 10px 10px 10px 45px; background-position: 10px 10px; font-style:italic;
font-weight:bold;}
div.containerSearchStr {float: left; width: 100%; margin: 0px 0px 20px 0px;}
div.row {float: left; position: relative; width: 100%;}
/* Text Styles */
body, a, span, p, div, td, input, textarea {font-family: Arial, Trebuchet MS, Verdana, Arial; font-size: 13px; color: #000;}
h3 {font-size: 16px; color: #000; margin: 0 15px 0 0;}
.granted {color: #14C900; font-style: italic; font-weight: bold; font-size: 11px;}
.denied {color: #FF0000; font-style: italic; font-weight: bold;font-size: 11px;}
.fontgrey { color: #888; font-weight: bold; font-size: 12px; }
.fontgreySmall { color: #888; font-weight: bold; font-size: 11px; }
.marginleft {margin-left: 10px;}
#contentleft {color: #222;}
.paginationFirst {margin-right: 20px; font-size: 11px; color: #888;}
.paginationLast {margin-left: 20px; font-size: 11px; color: #888; text-align: left;}
.fontActive {color: #000;}


/* Menus */
.menu {margin: 0px 0px 15px 0px; padding: 0px; float: left;}
.menu li {float: left; list-style: none; width: 150px; padding: 10px 15px; background: #fff; margin-bottom: 2px; border: 1px solid #dadada; -moz-border-radius:5px 5px 5px 5px;}
.menu li:hover { background: #F2F2F2;}
.menu .active { background: #F2F2F2;}
.menu .active a { color: #000;}
.menu li a {display: block; color: #666; font-weight: bold; padding-left: 30px;}
.menu li a:hover, .menu li a:active {border: none;}
#containerLogotyp .headerLogotype { height: 30px; margin-left:10px; }

/* Menu Icons */
.menu li a.zones {background: url(../images/iconZones.png) no-repeat center left;}
.menu li a.bulk {background: url(../images/iconBulk.png) no-repeat center left;}
.menu li a.users {background: url(../images/iconUsers.png) no-repeat center left;}
.menu li a.seczones {background: url(../images/iconSecdns.png) no-repeat center left;}
.menu li a.redirect {background: url(../images/iconRedirect.png) no-repeat center left;}
.menu li a.commit {background: url(../images/iconCommit.png) no-repeat center left;}
.menu li a.chpass {background: url(../images/iconChpass.png) no-repeat center left;}
.menu li a.schedule {background: url(../images/iconSchedule.png) no-repeat center left;}
.menu li a.options {background: url(../images/iconOptions.png) no-repeat center left;}
.menu li a.restore {background: url(../images/iconRestore.png) no-repeat center left;}
.menu li a.import {background: url(../images/iconImport.png) no-repeat center left;}
.menu li a.dnssec {background: url(../images/iconDNSSEC.png) no-repeat center left;}
.menu li a.log {background: url(../images/iconLog.png) no-repeat center left;}
.menu li a.help {background: url(../images/iconHelp.png) no-repeat center left;}



/* Links */
a:link {color: #666; text-decoration: none;}
a:visited {color: #666; text-decoration: none; }
a:active {color: #666; text-decoration: none; border-bottom: 1px dotted #c0c0c0;}
a:hover {color: #000; text-decoration: none; border-bottom: 1px dotted #c0c0c0;}
a.button {margin: 0px; padding: 5px 10px; font-size: 12px; font-weight: bold; background: url(../images/buttonBg.png) repeat-x left; cursor: pointer; color: #000; border: 1px solid #dadada; -moz-border-radius:5px 5px 5px 5px; float: left; margin: 10px 0px 20px 0px; clear: both;}
div#containerSearch a.button {float: right; clear: none !Important; margin: 0px 0px 0px 20px;}
span.add {background: url(../images/iconAdd.png) no-repeat; padding-left: 20px; font-size: 12px; }
span.logout {background: url(../images/iconLogout.png) no-repeat; padding-left: 20px; font-size: 12px; }
span.schedule {background: url(../images/iconScheduleBtn.png) no-repeat; padding-left: 20px; font-size: 12px; }
a.convert {cursor: pointer;}

a.button:hover {text-decoration: none;}


/* Cols Classes */
div.table{float: left; margin: 0; width: 100%; min-height: 1px;}
div.colBig {float: left; width: 140px;  min-height: 1px;}
div.colZone {float: left; width: 200px;  min-height: 1px; overflow: hidden;}
div.colCustomer {float: left; width: 80px;  min-height: 1px;}
div.colLog {float: left; width: 180px;  min-height: 1px;}
div.colUsername {float: left; width: 330px;  min-height: 1px;}
div.colNormal {float: left; width: 90px;  min-height: 1px;}
div.colSmall {float: left; width: 60px; text-align: center;  min-height: 1px;}
div.colSpace {float: left; width: 30px; height:10px;  min-height: 1px;}
div.headingleft {float: left; width: 250px;  min-height: 1px;}
div.headingright {float: right; width: 200px; text-align: right;  min-height: 1px;}
div.colLeft {float: left; width: 347.5px; margin-right: 20px; min-height: 1px;}
div.colRight {float: left; width: 347.5px; min-height: 1px;}
div.threeCol {float: left; margin-right: 20px; width: 224px;}
div.lastChild {margin-right: 0px !important;}
div.passwordStrenght { width: 240px;}
.floatright {position: absolute; right: 0px; bottom: -15px; text-align: right;}
div.hiddenTextarea {display: none; margin-bottom: 20px;}
div.hiddenRedir {display: none; margin-bottom: 20px;}
div.redireditbox { background: #DFEAF4; border: 1px solid #336699;display: none;float: left;font-size: 11px; left: 20px; margin: 20px 0 0;padding: 10px; position: absolute;text-align: left;width: 693px;}
div.redirect input, div.redirect b, div.redirect select	 {font-size: 11px !important;}
h3.hits {font-size: 13px;}




.Margin10 {margin: 10px 0px!important;}
div.space {margin: 10px 0; min-height: 1px;}
div.block {float: left; margin: 20px 0px; width: 100%;  min-height: 1px;}
.login { float: left; margin-top: 0px !Important; }
.loginbox {float: left; padding: 20px; width: 418px; height: 220px; background: #F2F2F2; border: 1px solid #c0c0c0;}
.loginboxleft {float: left; width: 190px; margin-right: 20px; border-right: 1px solid #e8e8e8;}
.loginboxright {float: left; width: 190px; margin-right: 0px;}
.pagination {text-align: center; font-size: 11px; font-weight: bold; color: #888;}
.pagination a {font-size: 11px; font-weight: bold;}
div.backupread { border: 1px solid #336699; background:#DFEAF4; padding: 10px; font-size: 11px; float: left; width: 693px; margin: 20px 0px 0px 0px;}
div.oldzoneinfo {border: 1px solid #336699; background:#DFEAF4; padding: 10px; font-size: 11px; float: left; width: 693px; margin: 20px 0px 0px 0px; position: absolute; display: none; text-align: left; left: 20px;}
.ViewBackup {cursor: pointer;}
/* Tables */
table.zonelist {width: 715px; margin: 0px; padding: 0px; border-collapse: collapse; }
table.zonelist td {margin: 0px; padding: 0px; font-size: 12px; background: #f9f9f9; height: 30px; border-bottom: 1px solid #fff;}
td.name {width: 215px; padding-left: 10px !important;}
td.customer {width: 110px;}
td.smallIcon {width: 60px; text-align: center;}
table.zonelist td.heading {background: #ebebeb !important; }
table.zonelist td.firstchild {-moz-border-radius:5px 0px 0px 0px;}
table.zonelist td.lastchild {-moz-border-radius:0px 5px 0px 0px;}
table.loglist {width:715px; margin: 0px; padding: 0px; border-collapse: collapse;}
table.loglist td {font-size: 11px; border-top: 1px solid #eaeaea; min-height: 30px; padding: 10px; float: left; display: block; overflow: hidden; text-align: left;}
table.loglist td.user {width: 130px;}
table.loglist td.date {width: 120px;}
table.loglist td.role {width: 30px;}
table.loglist td.action {width: 110px;}
table.loglist td.ip {width: 100px;}
table.loglist td.LogIcon {width: 24px;}

table.restorelist {width: 715px; margin: 0px; padding: 0px; border-collapse: collapse; position: relative; }
table.restorelist td {font-size: 11px; border-top: 1px solid #eaeaea; min-height: 30px; padding: 10px 0px;}

table.redirectlist {width: 715px; margin: 0px; padding: 0px; border-collapse: collapse; position: relative; }
table.redirectlist td {font-size: 11px; border-top: 1px solid #eaeaea; min-height: 30px; padding: 10px 0px;}
table.redirectlist a {font-size: 11px !important;}


table.recordlist {width: 715px; margin: 0px; padding: 0px; border-collapse: collapse; }
table.recordlist td {font-size: 11px; border-top: 1px solid #eaeaea; min-height: 30px; padding: 10px 0px;}
table.recordlist td a {font-size: 11px;}

table.userlist {width: 715px; margin: 0px; padding: 0px; border-collapse: collapse; }
table.userlist td {font-size: 11px; border-top: 1px solid #eaeaea; min-height: 30px; padding: 10px 0px;}

table.schedulelist {width: 715px; margin: 0px; padding: 0px; border-collapse: collapse; }
table.schedulelist td {font-size: 11px; border-top: 1px solid #eaeaea; min-height: 30px; padding: 10px 0px;}

table.userlist td.subuser {padding-left:20px; background: url(../images/subuser.png) no-repeat left;}


/* Forms */

input.twocols { margin: 0px 0px 5px 0px; width: 334px; padding: 5px; font-size: 14px; background: #FBFBFB; border: 1px solid #E5E5E5; -moz-border-radius:5px 5px 5px 5px; }
input.threecols { margin: 0px 0px 5px 0px; width: 214px; padding: 5px; font-size: 14px; background: #FBFBFB; border: 1px solid #E5E5E5; -moz-border-radius:5px 5px 5px 5px; }
input.txt { margin: 0px 0px 5px 0px; width: 130px; padding: 5px; font-size: 14px; background: #FBFBFB; border: 1px solid #E5E5E5; -moz-border-radius:5px 5px 5px 5px; }
input.host {width: 100px; }
input.mx {width: 20px; }
input.mxdes {margin-left: 5px; width: 260px; }
div.searchBox {float: left; background: url(../images/inputBg.png) repeat-x; -moz-border-radius:5px 5px 5px 5px; border: 1px solid #eeeeee; font-size: 12px; margin-bottom: 10px;}
div.right {float: right !important;}
input.search {background: none; padding: 3px; height: 19px; float: left; border: none; width: 220px; color: #a4a4a4;}
input.searchBtn {background: url(../images/magnify.png) no-repeat; padding: 3px; height: 19px; float: left; border: none; margin: 3px;}
select {margin: 0px; padding: 5px; font-size: 12px; background: #FBFBFB; border: 1px solid #E5E5E5; width: 110px; -moz-border-radius:5px 5px 5px 5px;}
select.type {width: 100px; }
select.twocols {width: 347px;}
select.threecols {width: 223px;}
textarea { margin: 0px; width: 703px; padding: 5px; font-size: 14px; background: #FBFBFB; border: 1px solid #E5E5E5; -moz-border-radius:5px 5px 5px 5px; }
input.btn { margin: 0px; padding: 5px 10px; font-size: 12px; font-weight: bold; background: url(../images/buttonBg.png) repeat-x left; cursor: pointer; color: #000; border: 1px solid #dadada; -moz-border-radius:5px 5px 5px 5px; }
button.btn { margin: 0px; padding: 5px 10px; font-size: 14px; background:#800000; color: #fff; border: none; }
input.smalltext {font-size: 12px !important;}
input.margintop {margin-top: 20px;}
label.smallText {font-size: 11px;}
input.allow {color: #ADADAD; }
input.disallow {background: url(../images/buttonBg-pushed.png) repeat-x left !important; color: #000; }
.hidden {display: none;}

.datepicker {background: url(../images/dateicon.png) no-repeat; border: none; padding: 0px; margin: 0px; width: 29px; height: 27px;}
.schedulezones {width: 240px; height: 150px;}
#recordnew { display: none; }
#goto1 { color: #000; }
#font1 { color: #000; }
.ChangeBtn { margin: 0px; padding: 5px 10px; font-size: 12px; font-weight: bold; background: url(../images/buttonBg.png) repeat-x left; cursor: pointer; color: #666; border: 1px solid #dadada; -moz-border-radius:5px 5px 5px 5px; float: left; margin: 10px 20px 10px 0px; }
#contain_slideshow { float: left; margin-top: 15px; width: 100%; }
.controlls { float: left; border-bottom: none; padding-left: 0px; width: 100%; }
.loading { display: none; background: #FBFBFB url(../images/loader.gif) no-repeat left; font-size: 16px; background-position: 10px 25px; z-index:99; top: 35%; left: 323px; position:absolute; padding: 20px 10px 20px 50px; width: 250px; height: 45px; border: 2px solid #dadada; -moz-border-radius:5px 5px 5px 5px; }
.leftArea {width: 155px; height: 100px; margin-bottom: 20px; font-size: 11px;}








/* Calender */
.dpDiv { }
.dpTable { text-align: center;color: #505050;background-color: #F2F2F2;border: 1px solid #E5E5E5;}
.dpTD {	border: 1px solid #ece9d8;}
.dpDayHighlightTD {background-color: #CCCCCC;border: 1px solid #AAAAAA;	}
.dpTDHover {background-color: #aca998; border: 1px solid #888888;cursor: pointer;color: red;}
.dpDayTD {background-color: #CCCCCC;border: 1px solid #AAAAAA;color: white;}
.dpTitleText {font-size: 12px;color: gray;font-weight: bold;	}
.dpDayHighlight {color: 4060ff;	font-weight: bold;}
.dpButton {font-size: 10px;color: #666;background: #DFEAF4;font-weight: bold;padding: 0px; border: 1px solid #336699;}
.dpTodayButton {font-size: 10px;color: #666;background: #DFEAF4;font-weight: bold;border: 1px solid #336699;}



div.hideblock {display: none !important;}

.commit-enable, .commit-disable, .commit-enable span, .commit-disable span, .delete-enable, .delete-disable, .delete-enable span, .delete-disable span, .record-enable, .record-disable, .record-enable span, .record-disable span { background: url(../images/switch.gif) repeat-x; display: block; float: left; }
.commit-enable span, .commit-disable span, .delete-enable span, .delete-disable span, .record-enable span, .record-disable span { line-height: 30px; display: block; background-repeat: no-repeat; font-weight: bold; }
.commit-enable span, .delete-enable span, .record-enable span { background-position: left -90px; padding: 0 10px; }
.commit-disable span, .delete-disable span, .record-disable span { background-position: right -180px;padding: 0 10px; }
.commit-disable.selected, .delete-disable.selected { background-position: 0 -30px; }
.commit-disable.selected span, .delete-disable.selected span { background-position: right -210px; color: #fff; }
.commit-enable.selected, .delete-enable.selected { background-position: 0 -60px; }
.commit-enable.selected span, .delete-enable.selected span { background-position: left -150px; color: #fff; }
.switch label { cursor: pointer; }
.switch input { display: block; }


.record-enable.selected { background-position: 0 -30px; }
.record-disable.selected { background-position: 0 -30px; }
.record-disable.selected span { background-position: right -210px; color: #fff; }
.record-enable.selected span { background-position: left -120px; color: #fff; }






.record-1, .record-2, .record-3, .record-1 span, .record-2 span, .record-3 span { background: url(../images/switch.gif) repeat-x; display: block; float: left; }
.record-1 span, .record-2 span, .record-3 span { line-height: 30px; display: block; background-repeat: no-repeat; font-weight: bold; }
.record-1 span { background-position: left -90px; padding: 0 10px; }
.record-2 span { background-position: left -0px;padding: 0 10px; }
.record-3 span { background-position: right -180px;padding: 0 10px; }
.record-1.selected { background-position: 0 -30px; }
.record-1.selected span { background-position: left -120px; color: #fff; }
.record-2.selected { background-position: 0 -30px; }
.record-2.selected span { background-position: left -30px; color: #fff; }
.record-3.selected { background-position: 0 -30px; }
.record-3.selected span { background-position: right -210px; color: #fff; }


.destination {width: 300px !important;}

	</style>
    <script src="http://code.jquery.com/jquery-1.9.1.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        function filterRecordList(e) {
            var q = $(e).val();
            $(".recordlist input.host:text").filter(function () { return this.value.search(q) != -1; }).each(function () {
                $(this).parentsUntil("tr").parent().show();
            });
            $(".recordlist input.host:text").filter(function () { return this.value.search(q) == -1; }).each(function () {
                $(this).parentsUntil("tr").parent().hide();
            });
        }
    </script>
</head>
<body>
    <form action="test.html" method="get">
		<div style="float:right;">filter: <input type="text" id="recordFilter" onkeyup="filterRecordList(this);" /></div>
		<h3>Records</h3>
		<div class="block">
			<table class="recordlist">
				<tr>
				<td class="heading">
					<b><a href="/zones/{$zone.id}/{$sort}/host/">Host</a></b>
				</td>
				<td class="heading">
					<b><a href="/zones/{$zone.id}/{$sort}/type/">Type</a></b>
				</td>
				<td class="heading">
					<b><a href="/zones/{$zone.id}/{$sort}/destination/">Destination</a></b>
				</td>
				<td class="smallIcon heading">
					<b><a href="/zones/{$zone.id}/{$sort}/valid/">Valid</a></b>
				</td>
				<td class="smallIcon heading">
					<b>Delete</b>
				</td>				
				</tr>
		
				<tr>
					<td>
						<input type="text" name="host[{$smarty.section.i.index}]" class="txt host smalltext" value="bazbazbaz" disabled />
						<input type="hidden" name="host[{$smarty.section.i.index}]" class="txt host smalltext" value="{$record[i].host}" />
						<input type="hidden" name="host_id[{$smarty.section.i.index}]" value="{$record[i].id}">
					</td>
					<td>
						<select name="type[{$smarty.section.i.index}]" class="type smalltext" disabled >
							<option>foo</option>
						</select>
						<input type="hidden" name="type[{$smarty.section.i.index}]" class="txt host smalltext" value="{$record[i].type}" />
					</td>
					<td>
						<input type="text" name="destination[{$smarty.section.i.index}]" class="txt smalltext destination" value='{$record[i].destination}' disabled >
						<input type="hidden" name="destination[{$smarty.section.i.index}]" class="txt host smalltext" value="{$record[i].destination}" />
					</td>
					<td class="smallIcon">
						<img width="10" height="10" src="/images/chk_on.png" alt="This record is valid" title="This record is valid" /> 
                        <img src="/images/icon_RedirLock.png" title="Looked for changes because this is a record for a redirect-service." />
					</td>
					<td class="smallIcon">
							<input type="checkbox" name="delete[{$smarty.section.i.index}]" class="a1">
					</td>
				</tr>
				<tr>
					<td>
						<input type="text" name="host[{$smarty.section.i.index}]" class="txt host smalltext" value="@" disabled />
						<input type="hidden" name="host[{$smarty.section.i.index}]" class="txt host smalltext" value="{$record[i].host}" />
						<input type="hidden" name="host_id[{$smarty.section.i.index}]" value="{$record[i].id}">
					</td>
					<td>
						<select name="type[{$smarty.section.i.index}]" class="type smalltext" disabled >
							<option>foo</option>
						</select>
						<input type="hidden" name="type[{$smarty.section.i.index}]" class="txt host smalltext" value="{$record[i].type}" />
					</td>
					<td>
						<input type="text" name="destination[{$smarty.section.i.index}]" class="txt smalltext destination" value='{$record[i].destination}' disabled >
						<input type="hidden" name="destination[{$smarty.section.i.index}]" class="txt host smalltext" value="{$record[i].destination}" />
					</td>
					<td class="smallIcon">
						<img width="10" height="10" src="/images/chk_on.png" alt="This record is valid" title="This record is valid" /> 
                        <img src="/images/icon_RedirLock.png" title="Looked for changes because this is a record for a redirect-service." />
					</td>
					<td class="smallIcon">
							<input type="checkbox" name="delete[{$smarty.section.i.index}]" class="a1">
					</td>
				</tr>
				<tr>
					<td>
						<input type="text" name="host[{$smarty.section.i.index}]" class="txt host smalltext" value="hello, world" disabled />
						<input type="hidden" name="host[{$smarty.section.i.index}]" class="txt host smalltext" value="{$record[i].host}" />
						<input type="hidden" name="host_id[{$smarty.section.i.index}]" value="{$record[i].id}">
					</td>
					<td>
						<select name="type[{$smarty.section.i.index}]" class="type smalltext" disabled >
							<option>foo</option>
						</select>
						<input type="hidden" name="type[{$smarty.section.i.index}]" class="txt host smalltext" value="{$record[i].type}" />
					</td>
					<td>
						<input type="text" name="destination[{$smarty.section.i.index}]" class="txt smalltext destination" value='{$record[i].destination}' disabled >
						<input type="hidden" name="destination[{$smarty.section.i.index}]" class="txt host smalltext" value="{$record[i].destination}" />
					</td>
					<td class="smallIcon">
						<img width="10" height="10" src="/images/chk_on.png" alt="This record is valid" title="This record is valid" /> 
                        <img src="/images/icon_RedirLock.png" title="Looked for changes because this is a record for a redirect-service." />
					</td>
					<td class="smallIcon">
							<input type="checkbox" name="delete[{$smarty.section.i.index}]" class="a1">
					</td>
				</tr>
				<tr>
					<td>
						<input type="text" name="host[{$smarty.section.i.index}]" class="txt host smalltext" value="foo bar" disabled />
						<input type="hidden" name="host[{$smarty.section.i.index}]" class="txt host smalltext" value="{$record[i].host}" />
						<input type="hidden" name="host_id[{$smarty.section.i.index}]" value="{$record[i].id}">
					</td>
					<td>
						<select name="type[{$smarty.section.i.index}]" class="type smalltext" disabled >
							<option>foo</option>
						</select>
						<input type="hidden" name="type[{$smarty.section.i.index}]" class="txt host smalltext" value="{$record[i].type}" />
					</td>
					<td>
						<input type="text" name="destination[{$smarty.section.i.index}]" class="txt smalltext destination" value='{$record[i].destination}' disabled >
						<input type="hidden" name="destination[{$smarty.section.i.index}]" class="txt host smalltext" value="{$record[i].destination}" />
					</td>
					<td class="smallIcon">
						<img width="10" height="10" src="/images/chk_on.png" alt="This record is valid" title="This record is valid" /> 
                        <img src="/images/icon_RedirLock.png" title="Looked for changes because this is a record for a redirect-service." />
					</td>
					<td class="smallIcon">
							<input type="checkbox" name="delete[{$smarty.section.i.index}]" class="a1">
					</td>
				</tr>
					  
			</table>
           </div>

        <!--
<input type="text" id="foo" onkeyup="srch(this)" />
    <div class="row"><input type="text" name="dest[1]" value="Lorem" /> foo bar</div>
    <div class="row"><input type="text" name="dest[2]" value="ipsum" /> foo bar</div>
    <div class="row"><input type="text" name="dest[3]" value="dolor" /> foo bar</div>
    <div class="row"><input type="text" name="dest[4]" value="sit" /> foo bar</div>
    <div class="row"><input type="text" name="dest[5]" value="amet" /> foo bar</div>
    <div class="row"><input type="text" name="dest[6]" value="consectetur" /> foo bar</div>
    <div class="row"><input type="text" name="dest[7]" value="adipisicing" /> foo bar</div>
    <div class="row"><input type="text" name="dest[8]" value="elit" /> foo bar</div>
    <div class="row"><input type="text" name="dest[9]" value="sed" /> foo bar</div>
    <div class="row"><input type="text" name="dest[10]" value="do" /> foo bar</div>
    <div class="row"><input type="text" name="dest[11]" value="eiusmod" /> foo bar</div>
    <div class="row"><input type="text" name="dest[12]" value="tempor" /> foo bar</div>
    <div class="row"><input type="text" name="dest[13]" value="incididunt" /> foo bar</div>
    <div class="row"><input type="text" name="dest[14]" value="ut" /> foo bar</div>
    <div class="row"><input type="text" name="dest[15]" value="labore" /> foo bar</div>
    <div class="row"><input type="text" name="dest[16]" value="et" /> foo bar</div>
    <div class="row"><input type="text" name="dest[17]" value="dolore" /> foo bar</div>
    <div class="row"><input type="text" name="dest[18]" value="magna" /> foo bar</div>
    <div class="row"><input type="text" name="dest[19]" value="aliqua" /> foo bar</div>
    <div class="row"><input type="text" name="dest[20]" value="Ut" /> foo bar</div>
    <div class="row"><input type="text" name="dest[21]" value="enim" /> foo bar</div>
    <div class="row"><input type="text" name="dest[22]" value="ad" /> foo bar</div>
    <div class="row"><input type="text" name="dest[23]" value="minim" /> foo bar</div>
    <div class="row"><input type="text" name="dest[24]" value="veniam" /> foo bar</div>
    <div class="row"><input type="text" name="dest[25]" value="quis" /> foo bar</div>
    <div class="row"><input type="text" name="dest[26]" value="nostrud" /> foo bar</div>
    <div class="row"><input type="text" name="dest[27]" value="exercitation" /> foo bar</div>
    <div class="row"><input type="text" name="dest[28]" value="ullamco" /> foo bar</div>
    <div class="row"><input type="text" name="dest[29]" value="laboris" /> foo bar</div>
    <div class="row"><input type="text" name="dest[30]" value="nisi" /> foo bar</div>
    <div class="row"><input type="text" name="dest[31]" value="ut" /> foo bar</div>
    <div class="row"><input type="text" name="dest[32]" value="aliquip" /> foo bar</div>
    <div class="row"><input type="text" name="dest[33]" value="ex" /> foo bar</div>
    <div class="row"><input type="text" name="dest[34]" value="ea" /> foo bar</div>
    <div class="row"><input type="text" name="dest[35]" value="commodo" /> foo bar</div>
    <div class="row"><input type="text" name="dest[36]" value="consequat" /> foo bar</div>
    <div class="row"><input type="text" name="dest[37]" value="Duis" /> foo bar</div>
    <div class="row"><input type="text" name="dest[38]" value="aute" /> foo bar</div>
    <div class="row"><input type="text" name="dest[39]" value="irure" /> foo bar</div>
    <div class="row"><input type="text" name="dest[40]" value="dolor" /> foo bar</div>
    <div class="row"><input type="text" name="dest[41]" value="in" /> foo bar</div>
    <div class="row"><input type="text" name="dest[42]" value="reprehenderit" /> foo bar</div>
    <div class="row"><input type="text" name="dest[43]" value="in" /> foo bar</div>
    <div class="row"><input type="text" name="dest[44]" value="voluptate" /> foo bar</div>
    <div class="row"><input type="text" name="dest[45]" value="velit" /> foo bar</div>
    <div class="row"><input type="text" name="dest[46]" value="esse" /> foo bar</div>
    <div class="row"><input type="text" name="dest[47]" value="cillum" /> foo bar</div>
    <div class="row"><input type="text" name="dest[48]" value="dolore" /> foo bar</div>
    <div class="row"><input type="text" name="dest[49]" value="eu" /> foo bar</div>
    <div class="row"><input type="text" name="dest[50]" value="fugiat" /> foo bar</div>
    <div class="row"><input type="text" name="dest[51]" value="nulla" /> foo bar</div>
    <div class="row"><input type="text" name="dest[52]" value="pariatur" /> foo bar</div>
    <div class="row"><input type="text" name="dest[53]" value="Excepteur" /> foo bar</div>
    <div class="row"><input type="text" name="dest[54]" value="sint" /> foo bar</div>
    <div class="row"><input type="text" name="dest[55]" value="occaecat" /> foo bar</div>
    <div class="row"><input type="text" name="dest[56]" value="cupidatat" /> foo bar</div>
    <div class="row"><input type="text" name="dest[57]" value="non" /> foo bar</div>
    <div class="row"><input type="text" name="dest[58]" value="proident" /> foo bar</div>
    <div class="row"><input type="text" name="dest[59]" value="sunt" /> foo bar</div>
    <div class="row"><input type="text" name="dest[60]" value="in" /> foo bar</div>
    <div class="row"><input type="text" name="dest[61]" value="culpa" /> foo bar</div>
    <div class="row"><input type="text" name="dest[62]" value="qui" /> foo bar</div>
    <div class="row"><input type="text" name="dest[63]" value="officia" /> foo bar</div>
    <div class="row"><input type="text" name="dest[64]" value="deserunt" /> foo bar</div>
    <div class="row"><input type="text" name="dest[65]" value="mollit" /> foo bar</div>
    <div class="row"><input type="text" name="dest[66]" value="anim" /> foo bar</div>
    <div class="row"><input type="text" name="dest[67]" value="id" /> foo bar</div>
    <div class="row"><input type="text" name="dest[68]" value="est" /> foo bar</div>
    <div class="row"><input type="text" name="dest[69]" value="laborum" /> foo bar</div>
    <div class="row"><input type="text" name="dest[70]" value="" /> foo bar</div>
        <fieldset title="weee">
            <input type="text" name="destination[1]" class="txt smalltext destination" value='192.168.0.1' disabled="disabled" style="e" />
		    <input type="hidden" name="destination[0]" class="txt host smalltext" value="192.168.0.1" />
            hello
        </fieldset>
        -->
        foo
            <input type="submit" />
    </form>
</body>
</html>